<script type="text/javascript">
    $(function(){
        $("#artist_submit").click(function(){
            console.log("hola");
            $("input[id='inputFile']").click();
        })    
    })
    
</script>
<div class="container-fluid" style="padding-top:60px;"</div>
<div class="row-fluid">
    <div class="span12">
        <div class="hero-unit" style="padding-bottom: 30px">
            <h1>Bienvenido!</h1>
            <p>[Descripcion para el Usuario] This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique. [/Descripcion para el Usuario]</p>
            <br>
            <br>
            <br>
            <div class="full-search-bar">
                <ul class="item-stream unstyled search-input-stream">
                    <li class="stream-item stream-header search-input-item">
                        <form action="/artists/search" class="form-inline search-form">
                            <input type="text" value="" autocomplete="off" placeholder="Sube un video o pista de audio y demuestra tu Talento..." name="q" id="artist_search" class="xlarge ui-autocomplete-input" role="textbox" aria-autocomplete="list" aria-haspopup="true">
                            &nbsp;&nbsp;<button style="height: 44px" type="button"  id="artist_submit" class="btn btn-large btn-inverse">Subir</button>
                        </form>
                        <input type="file" id="inputFile" style="display: none">
                </ul>
            </div>
        </div>
    </div>
</div><!--/row-->
</div><!--/span-->
